<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 案例1：展示简历信息 -->
    <div>
        <h1>张三</h1>
    </div>
    
    <div>
        <h2>基本信息</h2>
        <!-- <img src="../cat.png" alt="error" title="cat" width="500px" border = "5px"> -->
        <img src="https://pics2.baidu.com/feed/aec379310a55b3199924ae9bee87412bcefc173e.jpeg@f_auto?token=24419c607f11c44f4e09479b70d919db" alt="error" title="photo" width="500px">
        <div>求职意向: Java开发工程师</div>
        <div>联系电话:12222222</div>
        <div>邮箱:xxxxx</div>
        <a href="https://gitee.com/profile/emails" target="_blank">gitee</a>
        <br/>
        <a href="https://blog.csdn.net/2301_76161469?spm=1000.2115.3001.5343" target="_blank">博客</a>
    </div>
    <div>
        <h3>教育背景</h3>
        <ol>
            <li>小学</li>
            <li>初中</li>
            <li>高中</li>
            <li>大学</li>
        </ol>
    </div>
    <div>
        <h3>专业技能</h3>
        <ul>
            <li>java</li>
            <li>数据结构</li>
            <li>web</li>
        </ul>
    </div>
    <div>
        <h3>项目</h3>
        <ol>
            <li>
                <h5>留言墙</h5>
                <p>开发时间:2023.2.3 - 2023.2.28</p>
                <p>功能介绍:</p>
                <ul>
                    <li>支持留言发布</li>
                    <li>支持匿名留言</li>
                </ul>
            </li>
            <li>
                <h5>学习小助手</h5>
                <p>开发时间:2024.2.3 - 2024.2.28</p>
                <p>功能介绍:</p>
                <ul>
                    <li>支持错题检测</li>
                    <li>支持学生交流</li>
                </ul>
            </li>
        </ol>
    </div>
    <div>
        <h3>个人评价</h3>
        <p>在校期间，学习成绩优良，多次获得奖学金</p>
    </div>
</body>
</html>